Mapbox发布新型冠状病毒2019-nCoV疫情动态地图
点击
软件教程 | 作者 / 兴禾 整理 / 文泉
01
概述
自2019年12月31日世卫组织获悉在湖北省武汉市发现若干例肺炎病例以来，全中国乃至全世界人民的神经随着2019-nCoV新型冠状病毒肺炎的爆发而日渐紧张。该病毒与任何其它已知病毒不符，这令人关切，因为我们不了解新病毒如何影响人类，在此情况下，制作一幅与疫情相关的地图显得极为重要和迫切。
疫情地图
02
制图背景
近日，开源的全球地图平台Mapbox发布了2019-nCoV疫情动态地图。Mapbox以城市为单位，结合国家病例基本数据，使用了高度自定义的全球地形图作为底图之一，配以时间轴和数值曲线的热力分布地图，形象地展示了全球疫情的发展变化。
中国疫情爆发动态图
为了让地图更好地展现数据，在不到一周的时间里，Mapbox工程师和设计师Macro、Mofei、Weber、Lloyd、Jing、Chris、Xinnong等与中国合作伙伴乾特、深谙地图数据表达的中国地图出版集团的Huanjin Liu、Robin、Guangyu Chen、Miffy、Yuji Zhang联合完成了方案的设计到项目执行的全过程。
全球疫情爆发动态图
03
地图特点
目前，大众可以访问链接（https://www.mapbox.cn/coronavirusmap）对该动态地图进行在线访问。该动态地图具有下面的特点：
多端显示：更友好地支持手机、PC浏览器和大屏等多端显示。
双语设置：提供中英文双语自由切换。
全球访问：在遍布全球的Mapbox服务器支持下，无论您在国内还是国外都能流畅地加载访问。
多种展现方式
04
地图的构建思路
该动态地图的设计主要包括底图设计、数据处理和动态交互开发三个方面，使用React和Mapbox GL JS技术实现地图的数据可视化和动态交互。
分省数据
05
地图设计
该动态地图中底图不会变化，变化的是底图上的数据。为了更加突出数据本身，选择了低调的暗黑风格——基于Mapbox深色地图样式构建了基础地图。具体来说，在Mapbox Studio中，可以动动鼠标进行相似地图的创建：New Style->Monochrome->Dark->Customize Monochrome。
创建地图
对于多数借助地图的数据可视化表达案例来说，深色地图是最“省事”的选择，因为它耐看而且更突出数据本身，让读者更关注其上叠加的数据。但这并不意味着我们无法对底图进行任何自定义。
图层构成
比如在本次案例中，在原有暗黑基础上增加了一个Mapbox-terrain-rgb 数据图层，让地图显得更加真实并具有3D效果；在全球范围内，将中国的行政边界以较浅的颜色进行突出显示，以便于展现热力数据随行政区划的变化。为了让疫情地图的整体气氛显得不那么紧张，调亮了海洋的颜色。
行政区划
06
疫情数据处理
目前并没有一个官方的渠道对疫情数据进行实时开源，在综合考虑数据格式和更新度等条件后，选择了来自国家卫健委公布的数据，并以JSON格式保存为每日更新的数据，如下图所示。但是这样面临的最大挑战是需要进行手动修复数据，因为每个区域的数据每天不是同步更新的，并且很难跟踪每次更新的具体时间。
数据保存
07
数据可视化动态交互效果
我们的思路是使用必要的图例图表，与地图和数据“相辅相成”，结合动态时间轴，达到最佳的数据可视化效果。
截至2020年2月6日的统计数据
在整体界面的设计方面，考虑到大屏展示的效果，我们选择了数码风格的字体和半透明风格修饰，并能与反映区域变化的热力图有着较好的颜色呼应。
热力图展示
除了热力图，地图还支持填色图和集合图图层的动态叠加。
各种展示方式
如果需要更多的地图数据，可以使用水经注万能地图下载器进行下载。
水经注万能地图下载器
08
结语
希望通过地图让数据可视化，能够让人们更加透明和真实的感受疫情数据的变化。在遥远的将来，它能够成为历史的印记，纪念在此次“抗疫”过程中奉献的每位伟大的医护人员及上亿个“平凡天使“。武汉加油，中国加油！
点击了解更多
长按关注水经注，我们与你更近一步
地图下载 | 地图发布 | 数据处理 | 项目订制
▲请拔打24小时热线：400-028-0050